/* 
  loader: 1.下载 2.使用(配置loader)
  plugins:1.下载 2.引入 3.使用
*/
const { resolve } = require('path')
const HtmlWebpackPlugin = require('html-webpack-plugin')
module.exports = {
  entry: './src/index.js',
  output: {
    filename: 'index.js',
    path: resolve(__dirname, 'build'),
  },
  module: {
    rules: [],
  },
  plugins: [
    /* 
      new HtmlWebpackPlugin()
      功能：默认会创建一个空的HTML,自动引入打包输出的所有资源 (JS/CSS)
      需求：需要有机构的HTML文件
    */
    // new HtmlWebpackPlugin()
    new HtmlWebpackPlugin(
      // 复制 './src/index.html' 文件，并自动引入打包输出的所有资源 (JS/CSS)
      { template: './src/index.html' }
    ),
  ],
  mode: 'development',
}
